<template>
  <view class="container">
    <image :src="store.img" class="img"></image>
    <view class="name">{{store.name}}</view>
    <view class="address">{{store.address}}</view>
    <view class="desc">门店介绍：{{store.desc || '欢迎光临狐灵仙草门店！'}}</view>
  </view>
</template>
<script>
const stores = [
  { id: 1, name: '广州天河店', city: '广州', address: '天河路100号', img: '/static/images/store1.jpg', desc: '广州核心商圈门店' },
  { id: 2, name: '深圳南山店', city: '深圳', address: '南山大道200号', img: '/static/images/store2.jpg', desc: '深圳人气门店' }
]
export default {
  data() {
    return { store: {} }
  },
  onLoad(options) {
    const id = Number(options.id)
    this.store = stores.find(s => s.id === id) || {}
  }
}
</script>
<style scoped>
.container { padding: 32rpx; }
.img { width: 100%; height: 300rpx; object-fit: cover; border-radius: 16rpx; }
.name { font-size: 36rpx; font-weight: bold; margin: 16rpx 0 8rpx; }
.address { color: #888; margin-bottom: 16rpx; }
.desc { color: #666; }
</style> 